<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta charset="utf-8">

	<title>Button</title>
	<script>
		// delete Document.prototype.adoptedStyleSheets
	</script>


	<script src="%VITE_BUNDLE_PATH%" type="module"></script>


	<link rel="stylesheet" type="text/css" href="./styles/Button.css">

</head>

<body class="button1auto">

	<div>
		<ui5-title> Button</ui5-title>
		<ui5-button design="Default" icon="add">Default</ui5-button>
		<ui5-button design="Emphasized" icon="add">Emphasized</ui5-button>
		<ui5-button design="Attention" icon="add">Attention</ui5-button>
		<ui5-button design="Positive" icon="add">Positive</ui5-button>
		<ui5-button design="Negative" icon="add">Negative</ui5-button>
		<ui5-button design="Transparent" icon="add">Transparent</ui5-button>
	</div>

	<br><br>

	<div>
		<ui5-title>ToggleButton</ui5-title>
		<ui5-toggle-button design="Default" icon="add">Default</ui5-toggle-button>
		<ui5-toggle-button design="Emphasized" icon="add">Emphasized</ui5-toggle-button>
		<ui5-toggle-button design="Attention" icon="add">Attention</ui5-toggle-button>
		<ui5-toggle-button design="Positive" icon="add">Positive</ui5-toggle-button>
		<ui5-toggle-button design="Negative" icon="add">Negative</ui5-toggle-button>
		<ui5-toggle-button design="Transparent" icon="add">Transparent</ui5-toggle-button>
	</div>
</body>
</html>
